<!-- 普通确认提示窗  -->
<template>
    <div class="pop-warp">
        <el-dialog
            :show-close="false"
            :lock-scroll="false"
            :append-to-body="true"
            :close-on-click-modal="false"
            :visible.sync="getIsPopShow"
            custom-class="customWidth"
        >   
            <div class="pop-head">
                <h3 class="fs22 c333">{{popTitle}}</h3>
                <i class="el-icon-close fs20 cp c333 com-hover" @click="cancelPop"></i>
            </div>
            <div class="pop-cont">
                {{popCont}}
            </div>
            <div class="pop-bottom">
                <button class="pop-btn pop-plain-btn" @click="cancelPop">再想想</button>
                <button class="pop-btn pop-full-btn" @click="comfirmPop">确定</button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {
    name: "xszkPopComfirm",
    props:{
        isPopShow:{
            type: Boolean,
            default: false,
        },
        popTitle:{
            type: String,
            default: '提示',
        },
        popCont:{
            type: String,
            default: '',
        }
    },
    computed: {
        getIsPopShow:{
            get(){
                return this.isPopShow;
            },
            set(val) {},
        },
    },
    data() {
        return {
            
           
        };

    },
    methods: {
        cancelPop(){
            this.$emit("cancelPop");
        },
        comfirmPop(){
            this.$emit("comfirmPop");
        },
    },
    created() {
        
    },
   
   

};
</script>

<style lang="stylus" scoped>
/deep/.el-dialog__header,/deep/.el-dialog__body
    padding 0
/deep/.customWidth
    width 490px
    border-radius 4px
.pop-head
    width 100%
    height 60px
    padding 0 26px
    background #fff
    border-bottom 1px solid #D7D7D7
    border-radius 4px 4px 0 0
    display flex
    justify-content space-between
    align-items center
.pop-cont
    margin-top 28px
    padding 0 30px
    font-size 14px
.pop-bottom
    padding 30px 28px 
    text-align right
    .pop-btn
        cursor pointer
        width 80px
        height 24px
        line-height 23px
        font-size 12px
        border-radius 4px
        &.pop-plain-btn
            color #333
            border 1px solid #DEE1E8
            border-radius 4px
        &.pop-full-btn
            background #3266CC
            color #fff
            margin-left 24px
        &:hover
            opacity 0.9
    
    


</style>
